/*!
 * Thorough Clean Blog v1.0.0
 * Copyright 2024 Thorough Wealth
 */
:root {
  --blue: #111d30; /* Thorough Blue - Primary */
  --indigo: #7441b2; /* Thorough Indigo */
  --purple: #28153f; /* Thorough Purple */
  --pink: #fc55af; /* Thorough Pink */
  --red: #c80000; /* Danger */
  --orange: #d1943e; /* Thorough Orange - Warning */
  --yellow: #ffe0a2; /* Thorough Gold - Secondary */
  --green: #2d6817; /* Thorough Green - Success */
  --teal: #419cb2; /* Thorough Teal */
  --cyan: #1a8285; /* Thorough Cyan - Info */
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --gray: #50617d; /* Thorough Gray */
  --gray-dark: #020812; /* Thorough Dark Gray */
  --black: #000;
  --black-rgb: 0, 0, 0;
  --transparent: rgba(0,0,0,0);
  --primary: #111d30; /* Thorough Blue */
  --primary-rgb: 17, 29, 48;
  --secondary: #ffe0a2; /* Thorough Gold */
  --secondary-rgb: 255, 224, 162;
  --element-bg-color: #fff;
  --success: #2d6716; /* Thorough Green */
  --info: #1a8285; /* Thorough Cyan */
  --warning: #d1943e; /* Thorough Orange */
  --danger: #c80000; /* Thorough Red */
  --light: #c9d7ed; /*Thorough Light */
  --dark: #020812; /*Thorough Dark */
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", futura-pt, system-ui, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*{ 

  /* Font */
  font-family: futura-pt, system-ui, Helvetica Neue, sans-serif;

 /* Margin & Padding */
  margin: 0; 
  padding: 0; 

} 

body {

  /* Color */
  background-color: var(--primary);

}

#navbar span{
    /* Font */
  font-family: "DM Serif Display", serif, Georgia;
}

#footer span{
    /* Font */
  font-family: "DM Serif Display", serif, Georgia;
}
p{
  /* Font */ 
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6; 
  
  /* Margin & Padding */
  margin: 0.5rem 0; 
  padding: 0.25rem 0;
}
p:first-child {
  margin: 0 0 30px 0;
} 
p a {
  text-decoration: underline;
}
h6{
  /* Font */
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;

  /* Margin & Padding */
  margin: 0.5625rem 0;
  padding: 0.28125rem 0;
}
h5{
  /* Font */
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;

  /* Margin & Padding */
  margin: 0.625rem 0;
  padding: 0.3125rem 0;
}
h4{
  /* Font */
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;

  /* Margin & Padding */
  margin: 0.75rem 0;
  padding: 0.375rem 0;
}
h3{
  /* Font */
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.3;

  /* Margin & Padding */
  margin: 0.75rem 0;
  padding: 0.375rem 0;
}
h2{
  /* Font */
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.2;

  /* Margin & Padding */
  margin: 1.125rem 0;
  padding: 0.5625rem 0;
}
h1{

  /* Font */
  font-size: 3rem;
  font-weight: 700;

  /* Margin & Padding */
  margin: 1.5rem 0;
  padding-bottom: 0.75rem 0; 
}

hr {
  /* Margin & Padding */
  margin: auto;

  /* Color */
  color: var(--white);
  opacity: 0.7;
}

a {
  color: var(--gray);
}
a:hover,
a:focus {
  color: var(--secondary);
}
img {
  height: auto;
  max-width: 100%;
}
a img:hover,
a img:focus {
  /*cursor: zoom-in; */
}
blockquote {
  color: var(--gray);
  font-style: italic;
}
hr.small {
  max-width: 100px;
  margin: 15px auto;
  border-width: 4px;
  border-color: var(--white);
}

.white {
  background-color: var(--white);
}

/* Viewport Height */

.full-screen {
  height: 100vh;
}

.half-screen {
  height: 50vh;
}

.min-half-screen {
  min-height: 50vh;
}

/* Navbar */

.navbar-nav{ 
  /* Margin & Padding */
  margin-right: 0 !important; 
} 

.navbar{ 
  /* Background */
  background-image: linear-gradient(rgba(var(--primary-rgb),1), rgba(var(--primary-rgb), 0.93) 50%); 
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
} 

.nav-item a{ 
  /* Color */
  color: rgba(var(--secondary-rgb), 0.75) !important; 
} 

.nav-item a:hover {
  /* Color */
  color: rgba(var(--secondary-rgb), 1) !important;
}

.nav-item{
  /* Text Alignment */
  text-align: right;
} 

.navbar-toggler{
  /* Border */
  border: var(--transparent);

  /* Color */
  color: var(--transparent);
}

.navbar-brand{ 
  /* Color */
  color: var(--secondary) !important; 

  /* Margin & Padding */
  margin-right: 0px;
} 

.nav-btn-book{
  margin-left: auto;
}

/* Offcanvas */
.offcanvas {
  background-color: var(--transparent);
  background-image: linear-gradient(rgba(var(--primary-rgb), 1), rgba(var(--primary-rgb), 0.1) 500%); 
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.offcanvas-header{
  background-color: var(--primary);
}

.offcanvas .nav-link{
  font-size: 2em;

  transition: transform 0.3s ease;
}

.offcanvas .nav-link:hover{
  transform: scale(1.05);
}

.offcanvas .btn-primary{
  font-size: 1.25em;
}

/* Navbar-custom class - Unused in the Thorough Clean Theme*/
.navbar-custom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.navbar-custom .navbar-brand {
  font-weight: 800;
}
.navbar-custom .nav li a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px) {
  .navbar-custom {
    background: transparent;
    border-bottom: 1px solid transparent;
  }
  .navbar-custom .navbar-brand {
    color: white;
    padding: 20px;
  }
  .navbar-custom .navbar-brand:hover,
  .navbar-custom .navbar-brand:focus {
    color: rgba(255, 255, 255, 0.8);
  }
  .navbar-custom .nav li a {
    color: white;
    padding: 20px;
  }
   .navbar-custom .nav li ul li a {
    color: #777;
    padding: 20px;
  }
  .navbar-custom .nav li a:hover,
  .navbar-custom .nav li a:focus {
    color: rgba(255, 255, 255, 0.8);
  }
   .navbar-custom .nav li ul li a:hover, 
   .navbar-custom .nav li ul li a:focus {
    color: black;
    padding: 20px;
  }
   .navbar-custom .nav li ul li.active a {
    color: #fff;
    padding: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .navbar-custom {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .navbar-custom.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -61px;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .navbar-custom.is-fixed .navbar-brand {
    color: #404040;
  }
  .navbar-custom.is-fixed .navbar-brand:hover,
  .navbar-custom.is-fixed .navbar-brand:focus {
    color: #0085a1;
  }
  .navbar-custom.is-fixed .nav li a {
    color: #404040;
  }
  .navbar-custom.is-fixed .nav li a:hover,
  .navbar-custom.is-fixed .nav li a:focus {
    color: #0085a1;
  }
  .navbar-custom.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.content-box {
  padding: 60px 0;
}

/* Intro Header */
.intro-header {
  background-color: var(--white);
  background: no-repeat center center;
  background-image: linear-gradient(45deg, var(--primary), var(--secondary) 95%);
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  /*margin-bottom: 30px; */
}
.intro-header .bg-img {
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  /*margin-bottom: 30px; */
}
.header-banner{
  padding: 25vh 1.6rem 1.6rem; 

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  background-color: rgba(0,0,0,0);
  background-image: linear-gradient(15deg, var(--gray-dark), var(--transparent) 75%);
}
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
  /* padding: 80px 0 15px; */
  color: var(--white);
}

.intro-header .post-heading{
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);

  box-shadow: 0px 4px 6px -2px rgba(var(--black-rgb), 0.12), 
              0px 6px 7px 0px rgba(var(--black-rgb), 0.08), 
              0px 2px 15px 0px rgba(var(--black-rgb), 0.06); /* Creates the blurred edge effect */

  padding: 20px;
  border-radius: 15px;
  background-color: var(--transparent);
  background-image: linear-gradient(135deg, rgba(var(--primary-rgb), 0.95), rgba(var(--primary-rgb), 0.35) 105%);
}

@media only screen and (min-width: 768px) {
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading {

  /* padding: 100px 0 20px; */
  }
}
.intro-header .site-heading,
.intro-header .page-heading,
.intro-header .post-heading {
  text-align: center;
}
@media only screen and (max-width: 992px) {
    .intro-header .site-heading,
    .intro-header .page-heading,
    .intro-header .post-heading {
    text-align: center;
  }
}

.intro-header .site-heading h1,
.intro-header .page-heading h1,
.intro-header .post-heading h1 {
  margin: 0;
  padding-bottom: 0.5rem;
  font-size: calc(1.375rem + 3vw);
  color: var(--secondary);
  overflow-wrap: break-word;
}

.intro-header .site-heading hr,
.intro-header .page-heading hr {
  margin: 1rem 0
}

.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
  color: rgba(var(--white-rgb), 0.7);

  font-size: 1.2rem;
  /*line-height: 1.1;*/
  /* display: block; */
  /* font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-weight: 500;
  /* margin: 10px 0 0; */
}

.intro-header .site-heading .description,
.intro-header .page-heading .description {
  font-size: 1rem;
  font-weight: 300;

  margin: 0;
  padding:0;
}

@media only screen and (min-width: 768px) {
  .intro-header {
    /* margin-bottom: 50px;*/
  }
  .intro-header .site-heading h1,
  .intro-header .page-heading h1,
  .intro-header .post-heading h1 {
    padding-bottom: 0.6rem;
    font-size: 5rem;
    font-size: calc(1.375rem + 5vw);
  }
  .intro-header .site-heading .subheading,
  .intro-header .page-heading .subheading {
    font-size: 1.6rem;
  }
}
.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
  line-height: 1.1;
  display: block;
}
.intro-header .post-heading .subheading {
  /* font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  font-size: 1.6rem;
  margin: 10px 0 30px;
  font-weight: 600;
}
.intro-header .post-heading .meta {
  /* font-family: 'Lora', 'Times New Roman', serif;
  font-style: italic; */
  font-weight: 300;
  font-size: 1rem;
  /*margin-bottom: 30px;*/
  color: rgba(var(--white-rgb), 0.7);
}
.intro-header .post-heading .meta a {
  color: rgba(var(--white-rgb), 0.8);
}
.intro-header .post-heading .meta a:hover,
.intro-header .post-heading .meta a:hover {
  text-decoration: none;
  color: rgba(var(--white-rgb), 1);
}

@media only screen and (min-width: 768px) {
  .intro-header .post-heading h1 {
    font-size: 55px;
  }
  .intro-header .post-heading .subheading {
    font-size: 30px;
  }
}

/* Cards */
.card{
  border-radius: 15px;

  box-shadow: 0px 4px 6px -2px rgba(var(--black-rgb), 0.12), 
              0px 6px 7px 0px rgba(var(--black-rgb), 0.08), 
              0px 2px 15px 0px rgba(var(--black-rgb), 0.06);

  transition: transform 0.3s ease;

}
.card h6{
  opacity: 75%;
}
.card a {
  color: inherit;
  text-decoration: none;
}

.card:hover {
  transform: scale(0.95);
}


.card-img-top{
  border-radius: 15px 15px 0px 0px;
}

.card-title{
  margin-top: 0;
  padding-bottom: 0;
}
.card-subtitle{
  margin: 0;
  padding: 0;
}
.card-text {}

/* Post Preview */
.post-preview > a {
  color: var(--primary);
}
.post-preview > a:hover,
.post-preview > a:focus {
  text-decoration: none;
  color: var(--secondary);
}
.post-preview > a > .post-title {
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.post-preview > a > .post-subtitle {
  margin: 0;
  font-weight: 300;
  margin-bottom: 10px;
}
.post-preview > .post-meta {
  color: var(--gray);
  font-size: 18px;
  /*font-style: italic;*/
  margin-top: 0;
}
.post-preview > .post-meta > a {
  text-decoration: none;
  color: var(--gray-dark);
}
.post-preview > .post-meta > a:hover,
.post-preview > .post-meta > a:focus {
  color: var(--gray);
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .post-preview > a > .post-title {
    font-size: 36px;
  }
}
.section-heading {
  font-size: 36px;
  margin-top: 60px;
  font-weight: 700;
}
.caption {
  text-align: center;
  font-size: 14px;
  padding: 10px;
  font-style: italic;
  margin: 0;
  display: block;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

footer {
  padding: 50px 0 65px;
}
footer a {
  font-family: "DM Serif Display", serif, Georgia;
  color: rgba(var(--secondary-rgb), 0.7);
}
footer a:hover,
footer a:focus {
  color: rgba(var(--secondary-rgb), 1);
}
footer .list-inline {
  margin: 0;
  padding: 0;
}
footer .copyright {
  font-size: 1rem;
  text-align: left;
  margin-bottom: 0;
  /* margin-top: 30px; */
  color: rgba(var(--secondary-rgb), 0.7);
}
.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #0085a1;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}

/* Buttons */
.btn{

  /* Border */
  border-radius: 20px;
}

/* Gold w/ Blue Text -> Blue w/ Gold Text -> Blue w/ White Details */

/* Currently applies to: #banner-row (drop parent class in CSS + add btn-primary to the php - Y), .carousel-caption (drop parent class in CSS + add btn-primary to the php - Y), or any darker backgrounds */
.btn-primary{

  /* Color */
  --bs-btn-color: var(--primary); /* Blue Text */
  --bs-btn-bg: var(--secondary); /* Gold Background */
  --bs-btn-border-color: var(--secondary); /* Gold Border */

  --bs-btn-hover-color: var(--secondary); /* Gold Text */
  --bs-btn-hover-bg: var(--primary); /* Blue Background */
  --bs-btn-hover-border-color: var(--primary); /* Blue Border */

  --bs-btn-focus-shadow: rgba(var(--black-rgb),0);

  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--white);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--black-rgb), 0.05);

  --bs-btn-disabled-color: var(--gray);
  --bs-btn-disabled-bg: rgba(var(--white-rgb),0.05);
  --bs-btn-disabled-border-color: var(--gray);
}

.btn-hover-hollow-primary {
  /* Color */
  --bs-btn-hover-color: var(--primary); /* Blue Text on Hover */
  --bs-btn-hover-bg: var(--transparent); /* Transparent Background on Hover */
  --bs-btn-hover-border-color: var(--primary); /* Blue Border on Hover */

  --bs-btn-active-bg: var(--transparent);
}


/* Applies to: #about-info (drop parent class in CSS + change to btn-secondary in the php - Y), modal-footer (drop parent class in CSS + change to btn-secondary in the php - Y), or any lighter background */
.btn-secondary {
  /* Color */
  --bs-btn-color: var(--secondary);
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);

  --bs-btn-hover-color: var(--primary);
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);

  --bs-btn-focus-shadow: rgba(var(--black-rgb),0);

  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: var(--secondary);
  --bs-btn-active-border-color: var(--white);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--black-rgb), 0.05);

  --bs-btn-disabled-color: var(--gray);
  --bs-btn-disabled-bg: rgba(var(--white-rgb),0.05);
  --bs-btn-disabled-border-color: var(--gray);
}

/* Gold w/ Blue Text -> Transparent w/ Gold Details */
/* Previously the .book-meeting class, must change in php element file for navbar*/
/* Applies to peripherals */
.btn-hover-hollow-secondary {
  /* Color */
  --bs-btn-hover-color: var(--secondary); /* Gold Text on Hover */
  --bs-btn-hover-bg: var(--transparent); /* Transparent Background on Hover */
  --bs-btn-hover-border-color: var(--secondary); /* Gold Border on Hover */

  --bs-btn-active-bg: var(--transparent);
}


/* Applies to: #about-info (drop the parent class in CSS - Y), modal-footer (drop the parent class in CSS - Y), or any lighter background */
.btn-link {
  /* Font */
  font-weight: 400;

  /* Color */
  color: var(--primary);

  /* Text decoration */
  text-decoration: underline;
  text-decoration-color: var(--primary); /* Underline color */
}
.btn-link:hover, .btn-link:focus {
  /* Color */
  color: var(--secondary);

  /* Text-decoration */
  text-decoration: none;
}
.btn-link:disabled, .btn-link.disabled {
  /* Color */
  color: var(--gray);

  pointer-events: none;
}

.btn-close {
    /* Color */
    --bs-btn-close-color: var(--secondary);
    
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--transparent);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}

.pager {
  margin: 60px 0;
  padding-left: 0px;
  list-style-type: none
}

.pager li > a,
.pager li > span {
  /* font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
  /* text-transform: uppercase; */
  font-size: 14px;
  font-weight: 800;
  padding: 15px 25px;
  text-decoration: none;
  color: var(--secondary);
  background-color: var(--primary);
  border-radius: 20px;
  transition: letter-spacing 0.3s ease;
}
.pager li > a:hover,
.pager li > a:focus {
  color: var(--primary);
  letter-spacing: 1px;
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: var(--white);
  background-color: var(--gray);
  cursor: not-allowed;
}
::-moz-selection {
  color: var(--white);
  text-shadow: none;
  background: #0085a1;
}
::selection {
  color: var(--white);
  text-shadow: none;
  background: #0085a1;
}
img::selection {
  color: var(--white);
  background: var(--transparent);
}
img::-moz-selection {
  color: var(--white);
  background: var(--transparent);
}
body {
  webkit-tap-highlight-color: var(--cyan);
}
.breadcrumb {
  background-color: var(--transparent);
  border-radius: 0px;
  font-size:1rem;
  list-style: outside none none;
  margin-bottom: -1rem;
  padding-top: 1.6rem;
  color: var(--white);
  text-align:left;
}
.breadcrumb a {
  color:var(--white);  
  margin-right: 0.25rem;
}

.breadcrumb-item+.breadcrumb-item{
  padding-left: 0px;
}

.breadcrumb-item+.breadcrumb-item::before {
  padding-right: 0px;
  content: '';
}
.tab {
  margin-bottom:30px;  
}
.toc-wrapper{
    padding-bottom: 2rem;
}
.h2-toc{
    font-weight: 600;
    color: var(--gray-dark);
}
.h3-toc{
    font-weight: 400;
    opacity: 95%;
    padding-left: 0.25rem;
    
    color: var(--primary);
}
.h3-toc a{
    text-decoration: none;
}
.h4-toc{
    font-weight: 300;
    opacity: 90%;
    padding-left: 0.5rem;
    color: var(--primary);
}
.h4-toc a{
    text-decoration: none;
}
.left {
  text-align:left;
}
.copyright p {
  margin:0;
}
.toolbox {
 margin-bottom:30px;
}
/* General Table Styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}
th, td {
    /* border: 1px solid #ddd; */
    padding: 8px;
    text-align: left;
}
th {
    background-color: #f4f4f4;
    border-width: 0 0 1px 0;
}

/* Responsive Wrapper */
.table-container {
    margin: 30px 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
}

/* Optional: Table scrolling indicator */
@media (max-width: 576px) {
    .table-container::after {
        content: 'Scroll →';
        display: block;
        text-align: right;
        font-size: 0.8em;
        color: #888;
        margin-top: 0.2em;
    }
}

.toolbox span {
  margin-right:20px;
  display:inline-block;
}

.toolbox .share {
  margin-right: 0;
}

.toolbox .share a {
  margin-left: 5px;
  text-decoration: none;
}

#comments {
  margin-bottom: 20px;
}

.tags a:after {
  content:", ";
}
.tags a:last-child:after {
  content:"";
}

.featured {
  font-size: 28px;
}

.featured blockquote {
  border-left: none;
  font-size: 28px;
}

.features {
  margin:30px 0;
}

blockquote.category {
  border:none;
  padding:0;
}

.social-logo a {
  font-size: 2.5rem !important;
  margin-right: 10px !important;
}
.social-logo a:last-child {
  margin-right:0!important;
}

#search-form{
    text-align: center !important;
}
}